<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				border: #000000 solid 1px;
				text-align: center;
			}
			.divson{
				width: 20%;
				height: 200px;
				margin: 15px 36px 0 36px;
				float: left;
			}
			img{
				width: 200px;
				height: 160px;
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div id="indexhead" style="width: 100%;height: 60px;position: relative;z-index: 5;padding: 0;">
			<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="header.html" width="100%"></iframe>
		</div>
		<div style="text-align: center;width: 100%;position: relative;padding: 20px;">
			<span><font size="6">产品主题</font></span>
		</div>
		<div style="height: 480px;width: 100%;" th:each="s:${info.list}">
			<!-- 用来存放当前页参数的值 -->
			<input type="hidden" name="currentPage" value="1" id="currentPage">
			<div class="divson">
				<a th:href="@{|/topicinfor/${s.id}|}">
					<img src="@{${s.imageurl}}" />
					<p>[[${s.typename}]]</p>
				</a>
			</div>
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
<!--			<div class="divson"></div>-->
		</div>
		<div>
			<a href="javascript:search(1)">首页</a>
			<a th:if="${info.hasPreviousPage}" th:href="@{|javascript:search(${info.prePage})|}">上一页</a>
			<span th:if="${!info.hasPreviousPage}">上一页</span>
			<a th:if="${info.hasNextPage}" th:href="@{|javascript:search(${info.nextPage})|}">下一页</a>
			<span th:if="${!info.hasNextPage}">下一页</span>
			<a th:href="@{|javascript:search(${info.pages})|}">尾页</a>
		</div>
	</body>
</html>
